<template>
  <div class="in-wrap">
    <!-- 公共头引入 -->
    <header id="header">
      <section class="container">
        <h1 id="logo">
          <a href="/" title="蛋蛋编程">
            <img src="~/assets/logo/dandanit.png" width="100%" alt="蛋蛋编程">
          </a>
        </h1>
        <div class="h-r-nsl">
          <ul class="nav">

            <router-link to="/" tag="li" active-class="current" exact>
              <a>首页</a>
            </router-link>

            <router-link to="/image" tag="li" active-class="current">
              <a>图片</a>
            </router-link>

            <router-link to="/video" tag="li" active-class="current">
              <a>视频</a>
            </router-link>

            <router-link to="/article" tag="li" active-class="current">
              <a>文章</a>
            </router-link>

          </ul>
        </div>
        <aside class="mw-nav-btn">
          <div class="mw-nav-icon"></div>
        </aside>
        <div class="clear"></div>
      </section>
    </header>
    <!-- /公共头引入 -->

    <nuxt/>

    <!-- 公共底引入 -->
    <footer id="footer">
      <section class="container">
        <div class>
          <h4 class="hLh30">
            <span class="fsize18 f-fM c-999">友情链接</span>
          </h4>
          <ul class="of flink-list">
            <li v-for="hyperlink in hyperlinkList" :key="hyperlink.id">
              <a :href="hyperlink.linkUrl" :title="hyperlink.title" target="_blank">{{ hyperlink.title }}</a>
            </li>
          </ul>
          <div class="clear"></div>
        </div>
        <div class="b-foot">
          <section class="fl col-7">
            <section class="mr20">
              <section class="b-f-link">
                <a
                  href="http://dandanit.cloud/"
                  title="关于我们"
                  target="_blank">关于我们</a>|
                <a
                  href="https://lk-1303842271.cos.ap-beijing.myqcloud.com/%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg"
                  title="联系我们"
                  target="_blank">联系我们</a>|
                <span>联系方式：+86-18322280259(中国陕西西安)</span>
                <span>Email：464132475@qq.com</span>
              </section>

              <section class="b-f-link mt10">
                <a target="_blank" href="https://lk-1303842271.cos.ap-beijing.myqcloud.com/%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg">
                  <span>©版权均归蛋蛋编程所有</span>
                </a>
                <a href="https://beian.miit.gov.cn/" target="_blank">
                  <img src="~/assets/img/record.png" alt="备案" title="备案">
                  <span>陕ICP备2022007452号-1</span>
                </a>
              </section>
            </section>
          </section>
          <aside class="fl col-3 tac mt15">
            <section class="gf-tx">
              <span>
                <a target="_blank" href="https://lk-1303842271.cos.ap-beijing.myqcloud.com/%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg">
                  <img src="~/assets/img/wx-icon.png" alt="联系微信" title="联系微信">
                </a>
              </span>
            </section>
          </aside>
          <div class="clear"></div>
        </div>
      </section>
    </footer>
  </div>
</template>

<script>
import "~/assets/css/404life.css";
import "~/assets/css/reset.css";
import "~/assets/css/theme.css";
import "~/assets/css/global.css";
import "~/assets/css/web.css";
import '~/assets/css/base.css'
import '~/assets/css/activity_tab.css'
import '~/assets/css/bottom_rec.css'
import '~/assets/css/nice_select.css'
import '~/assets/css/order.css'
import '~/assets/css/swiper-3.3.1.min.css'
import "~/assets/css/pages-weixinpay.css"
import hyperlinkApi from '@/api/hyperlink'

import Vue from 'vue'
import {
  Notification,
  Message
} from 'element-ui'
Vue.prototype.$notify = Notification
Vue.prototype.$message = Message

export default {

  data() {
    return {
      hyperlinkList:[]
    }
  },
  created() {
    this.getIndexHyperlink()
  },
  methods: {
    getIndexHyperlink() {
      hyperlinkApi.getIndexHyperlink()
        .then(response => {
          console.log("========超链接========")
          console.log(response.data.data)
          this.hyperlinkList = response.data.data.hyperlinkList
        })
    }
  }
};

</script>
<style>
#app {
  font-family: Helvetica, sans-serif;
  text-align: center;
}
</style>
